<template>
    <div>
        <div class="header">
            <img id="back" src="../image/back.png" alt="back">
            <p class="title">登 录</p>
        </div>
        <div class="content-back">
            <div class="content">
                <img class="username-image" src="../image/wife.png" alt="wife">
                <p class="username">Taylor</p>
                <p class="welcome">下午好，欢迎登录!</p>
                <div class="login">
                    <img class="login-logo" src="../image/login-name-logo.png" alt="login-name">
                    <input id="loginName" type="text">
                </div>
                <div class="password">
                    <img class="password-logo" src="../image/password-logo.png" alt="password-logo">
                    <input id="password" type="text">
                </div>
                <div class="login-check">
                    <input type="checkbox" name="radio" id="login-reme">
                    <label for="login-reme">记住密码</label>
                    <div class="operate">
                        <a href="#">忘记密码 </a>
                        <a href="#">立即注册</a>
                    </div>
                </div>
                <div class="submit">登录</div>
                <div class="other-ways">
                    <div>选择右边方式登录</div>
                    <img src="../image/login-qq.png" alt="qq">
                    <img src="../image/login-wechat.png" alt="wechat">
                    <img src="../image/login-Ali.png" alt="Ali">
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style scoped lang="less">
@import url("../style/login.less");
</style>